13 Unique Code Slideshow jQuery Examples
Versatile Touch Slider is a lightbox jQuery plugin that offers a variety of options. CSS3 Animations / jQuery Fallback;
code changes for compatibility with jQuery 1.It was made a change in the code, which eliminates any conflict between the drag event and click event.
2. WOW Slider
The most strong and popular web design trend over last couple of years is a sliding horizontal panels also known as Sliders or Carousels. Image slider is a very effective method to increase the web site usability and engage the user.
WOW Slider is a responsive jQuery image slider with amazing visual effects and tons of professionally made templates. NO Coding - WOW Slider is packed with a point-and-click wizard to create fantastic sliders in a matter of seconds without coding and image editing. Wordpress slider plugin and Joomla slider module are available.
Also, you can share your slider on Facebook.
You can also have a slideshow of the items in the Full-width mode. This slideshow stops whenever the browser tab in which the gallery is displayed, goes out of focus (this feature only works in browsers that supports the HTML5 Page Visibility Api). You can start the slideshow in Full-width mode when the gallery first loads. The time interval for which a particular item is visible during slideshow can be set.Suitable jQuery based fallbacks have been provided for all CSS based animated effects for older browsers. The gallery script has been tested and is fully compatible with jQuery 1. and also jquery 2. Modified the code to account for escaping of characters in the cached xml file (when pulling images from Flickr/Picasa) if magic quotes in the server were turned on. Updated the jQuery masonry plugin so that it is compatible with jquery v1. The gallery now is fully compatible with jquery 1.9+ including jquery 2.
Sky jQuery Touch Carousel is a jQuery carousel plugin with rich set of features. Auto slideshow and loop. (Non-minified JavaScript source code)
You can use this jQuery Hotspot Plugin in a product introduction or image showcase, which support the jQuery auto delay slideshow and can trigger by click or hover.Auto delay slideshow, hover to pause.jQuery OneByOne Slider Plugin:
jQuery http://jquery.Popover is from bootstrap image gallery we use only part of the necessary code, so it’s lightweight.
iLightBox allows you to easily create the most beautiful responsive overlay windows using the jQuery JavaScript library.jQuery capabilities.“iLightBox is real great plug! i don’t find a system to open the slideshow with only one thumb… great work”—Ciccio Pasticcio
I don’t support 3rd-party code (external plugins, javascripts, flash players, etc.
In the examples provided you can see a few ways in which you might use this grid, of course that other configurations are possible (please note that the code of this examples is provided in the download files). Pure OOP JavaScript code, no usage of jQuery or other libraries, in this way there will be no incompatibilities with HTML pages that might be using jQuery or other JavaScript libraries. Slideshow button (optional). Slideshow delay, the delay of the slideshow can be set in seconds. Slideshow autoplay. Slideshow custom animated graphics.
jQuery plugin for easy embeding slideshows from Slideshare.Plugin using cross domain connection with slideshare API by script tag embeding method (slideshare callback), embed code to Your container and remove slideshare API script tag for this request.
FrameIt – A responsive jQuery slideshow with thumbnails plugin for frame images
Code generator demo
Auto slideshow with images
jQuery effects included
Powered by jQuery & JavaScript
Code generator UI – Done
Added code generator interface
10. Titan Lightbox
It is built around jQuery & HTML5 and is both easy to implement and customize.Slideshow for galleries with autoplay.Clean and very lightweight code.
Demo – Slideshow Effects:
Freeze slideshow/caption animation when touch
If slideshow or caption animation is running, it will freeze when touch by finger or mouse down.Continue or rollback slideshow/caption animation when release touch
If slideshow or caption animation is frozen, the animation will continue or rollback when release touch. No-Jquery minimum 15KB javascript code by smart compression. slider (1%), slider with caption (4%), slider with slideshow (~4%)
360+ slideshow effects/transitions
Jssor slider comes with 360+ impressive slideshow effects/transitions
All UI is fully under control by html + css code. User can add any html code to each slide, and user can customize ‘navigator’, ‘thumbnail navigator’ to any format. Use any html/css code to customize thumbnail to anyformat
Any html code can be placed inside slide
Javascript code deep compression by smart compression engine
Auto slideshow with optional pause on hover
SEO friendly, any html code can be added to each slide, all are exposed directly to jQuery image transition
Cut/Paste slider code snippet
Rockstar Touch Slider is a script for creating a simple and minimalistic slider or a slideshow. <div class="slideshow">
That is all you need to make the slideshow work! No slideshow JavaScript code fade is needed and no external CSS file. All you need to do is put the drop menu HTML code with the class “rockstar-slider” and include the script.
The Responsive Slideshow Photo Gallery has a fluid / flexible / responsive layout. In the examples provided you can see a few ways in which you might use this grid, of course that other configurations are possible (please note that the code of this examples is provided in the download files). Pure OOP JavaScript code, no usage of jQuery or other libraries, in this way there will be no incompatibilities with HTML pages that might be using jQuery or other JavaScript libraries. The Responsive Slideshow Photo Gallery is using the GPU (hardware acceleration) using HTML5 standards. Slideshow button (optional). Slideshow delay, the delay of the slideshow can be set in seconds. Slideshow autoplay. Slideshow custom animated graphics.
